{extend name="./tpl/default/mobile/public/layout.html" /}
{block name="head"}
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/chanpinliebiao.css">
<style>
    .am-thumbnail-caption{
        text-align: center;
    }
    [class*=am-u-]+[class*=am-u-]:last-child{
        float: left;
    }
    .am-with-fixed-navbar{height: 45px; line-height: 45px; border-bottom: 1px solid #ccc;}
    
</style>
<div style="height:45px;">
<div class="am-g" style=" overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid #ccc;position: fixed;
    z-index: 99;
    background: #fff;">
    <div class="am-u-sm-10">
        <a href="" onclick="history.back(-1)"><span class="icon iconfont icon-xiangzuojiantou"></span></a>
    </div>
    <div class="am-u-sm-2">
       <div style="float:right;"><span class="icon iconfont icon-sousuo"  onclick="location.href='{:url('/home/Goods/search')}?goods_name='+$('#keys').val()"></span></div>
    </div>
</div>
</div>
{/block}
{block name="body"}
<div id="chanpin_main">
    {include file="./tpl/default/mobile/goods/left.html"}
    <div class="right_list">
    <div style="margin-left:70px;">
        <div class="am-g">
            <div class="am-u-sm-12" style="padding-right:0;">
                <img src="{$currentCat.cat_image}" alt="" class="am-img-responsive"/>
            </div>
        </div>

        {volist name=":goods_channel_list(0,$currentCat['cid'],9)" id="vo"}
        <div class="am-g">
            <div class="am-u-sm-12">
                <a href="{$vo.url}">
                    <h2 style="margin: 10px 0; font-size: 12px;">{$vo.cat_name}</h2>
                </a>
            </div>
        </div>
        <div class="am-g" style="text-align: center;     padding: 10px 0 0 10px;background: #fff;">
            {volist name="vo.goodsList" id="v"}
            <div class="am-u-sm-4 am-u-end" style="padding-left:0; padding-right:0px;">
                <div class="am-thumbnail" style="border:none;overflow: hidden; margin-bottom: 0rem;">
                    <a href="{$v.url}">
                        <img src="{$v.goods_thumb}" alt="" class="am-img-responsive" style="width: 22vw;height: 22vw; margin:0;"/>
                    </a>
                    <a href="{$v.url}">
                    <h3 class="am-thumbnail-caption" style="overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis;text-align: center;">{$v.fulltitle}</h3>
                    </a>                </div>
            </div>
            {/volist}
        </div>
        {/volist}
        </div>
 </div>
</div>
{/block}
